<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>哔哩哔哩 (゜-゜)つロ 干杯~-bilibili</title>
</head>
<!-- 外部连接CSS -->
<link rel="stylesheet" href="style.css">

<body>
    <!-- 联系客户 -->
    <div class="client">
        <a href="#">联系客户</a>
    </div>
    <!-- 顶部 -->
    <div class="header">
        <!-- 顶部导航栏 -->
        <div class="nav">
            <ul>

                <li>
                    <a href="#" class="t"><img src="images/zhuzhan.png" alt="" width="15"
                            style="vertical-align: middle;"><span class="t">主站</span></a>
                </li>
                <li><a href="#">番剧</a></li>
                <li><a href="#">游戏中心</a></li>
                <li><a href="#">直播</a></li>
                <li><a href="#">会员购</a></li>
                <li><a href="#">漫画</a></li>
                <li><a href="#">赛事</a></li>
                <li><img src="images/changwan.png" alt="" width="55" style="vertical-align: middle;"></li>
                <!-- <li>&nbsp;</li> -->
                <li>
                    <a href="#"><img src="images/xiazaiapp.png" alt=" " width="15" style="vertical-align: middle;"><span
                            class="t">下载APP</span></a>
                </li>
            </ul>
        </div>
        <!-- 搜索框 -->
        <div class="search">
            <input type="text" placeholder="如果莱纳三人组成为巨人的主角？">
            <button><img src="images/sousuo.png" alt="" height="35"></button>
        </div>
        <!-- 顶部导航栏1 -->
        <div class="nav1">
            <ul>
                <li>
                    <a href=""><img src="images/user.webp" alt="" height="39.8"></a>
                </li>
                <li>
                    <a href="#">大会员</a>
                </li>
                <li><a href="#">消息</a></li>
                <li><a href="#">动态</a></li>
                <li><a href="#">收藏</a></li>
                <li><a href="#">历史</a></li>
                <li><a href="#">创作中心</a></li>
            </ul>
        </div>
        <!-- 投稿 -->
        <div class="tougao">
            <a href="#">
                <h4>投稿</h4>
            </a>
        </div>
        <div class="bilibili">
            <img src="images/bilibili.png" alt="">
        </div>
    </div>
    <!-- 1中间部分 导航-->
    <div class="center w">
        <!-- 1动态部分 -->
        <div class="dongtai">
            <ul>
                <li>
                    <a href="#"><img src="images/shouye.png" alt="" width="38">&nbsp;首页</a>
                </li>
                <li>
                    <a href="#"><img src="images/dongtai.png" alt="" width="36">&nbsp;动态</a>
                </li>
                <li>
                    <a href="#"><img src="images/paihang.png" alt="" width="38">排行榜</a>
                </li>
                <li>
                    <a href="#"><img src="images/pingdao.png" alt="" width="36">&nbsp;频道</a>
                </li>
            </ul>
        </div>
        <!-- 1分类部分 -->
        <div class="fenlei">
            <ul>
                <li>
                    <a href="" class="dh">
                        动画
                        <div class="hezi">999+</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        音乐
                        <div class="hezi">999+</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        舞蹈
                        <div class="hezi">999+</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        知识
                        <div class="hezi">999+</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        生活
                        <div class="hezi">999+</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        时尚
                        <div class="hezi">999+</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        娱乐
                        <div class="hezi">999+</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        放映厅
                        <div class="hezi">141</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        番剧
                        <div class="hezi">276</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        国创
                        <div class="hezi">510</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        游戏
                        <div class="hezi">999+</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        数码
                        <div class="hezi">999+</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        鬼畜
                        <div class="hezi">116</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        资讯
                        <div class="hezi">488</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        影视
                        <div class="hezi">999+</div>
                    </a>
                </li>
                <li>
                    <a href="">
                        更多&nbsp;>
                    </a>
                </li>
            </ul>
        </div>
        <!-- 1专栏部分 -->
        <div class="zhuanlan">
            <ul>
                <li>
                    <a href="#" class="t">
                        <img src="images/zhuanlan.png" alt="" width="20">
                        <span>专栏</span>
                    </a>

                </li>
                <li>
                    <a href="#" class="t"><img src="images/huodong.png" alt="" width="20"><span>活动</span></a>

                </li>
                <li>
                    <a href="#" class="t"><img src="images/xiaoheihu.png" alt="" width="20"><span>小黑屋</span></a>

                </li>
                <li>
                    <a href="#" class="t"><img src="images/zhibo.png" alt="" width="20"><span>直播</span></a>

                </li>
                <li>
                    <a href="#" class="t"><img src="images/ketang.png" alt="" width="20"><span>课堂</span></a>

                </li>
                <li>
                    <a href="#" class="t"><img src="images/yinyue.png" alt="" width="22"><span>音乐PLUS</span></a>

                </li>
            </ul>
        </div>
    </div>
    <!-- 2中间部分 b站出品 -->
    <div class="chuping w">
        <div class="bofangnav">

        </div>
        <!-- 左边 -->
        <div class="first">
            <a href="#"><img src="images/wennuandelinhun.png" alt="" width="460" height="202"></a>
            <div class="more hidden">
                <a href="#">更多></a>
            </div>
            <div class="juhao">
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <a href="#"><span class="juzi">有你的家乡吗？？？</span></a>
        </div>
        <!-- 右边 -->
        <div class="second">
            <ul>
                <li>
                    <a href="#">
                        <img src="images/jianzhengqiji.png" alt="">
                        <span class="one">TVB经典老番：原 神 八 部</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/fangzhou.png" alt="">
                        <span class="one">TVB经典老番：原 神 八 部</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/xiayike.png" alt="">
                        <span class="one">TVB经典老番：原 神 八 部</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/baoganshoushu.png" alt="">
                        <span class="one">TVB经典老番：原 神 八 部</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/haiwang.png" alt="">
                        <span class="one">TVB经典老番：原 神 八 部</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/haiwang1.png" alt="">
                        <span class="one">TVB经典老番：原 神 八 部</span>
                    </a>
                </li>
            </ul>
            <div class="yincang">
                <div class="navpre hidden">&lt;</div>
                <div class="navnext hidden">&gt;</div>
                <ul>
                    <li>
                        <a href="#" class="hidden">
                            <span>
                                TVB经典老番：原 神 八 部 这是第一部
                            </span>
                            <div class="bofang"><img src="images/up.png" alt="">漫语慢语</div>
                            <div class="number">1.1万播放</div>
                            <div class="anniu"><img src="images/bofang.png" alt="" class="bfan"></div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="hidden">
                            <span>
                                TVB经典老番：原 神 八 部 这是第二部
                            </span>
                            <div class="bofang"><img src="images/up.png" alt="">N2反应堆</div>
                            <div class="number">3.1万播放</div>
                            <div class="anniu"><img src="images/bofang.png" alt="" class="bfan"></div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="hidden">
                            <span>
                                TVB经典老番：原 神 八 部 这是第三部
                            </span>
                            <div class="bofang"><img src="images/up.png" alt="">一个懒人</div>
                            <div class="number">0.1万播放</div>
                            <div class="anniu"><img src="images/bofang.png" alt="" class="bfan"></div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="hidden">
                            <span>
                                TVB经典老番：原 神 八 部 这是第四部
                            </span>
                            <div class="bofang"><img src="images/up.png" alt="">我爱学习</div>
                            <div class="number">1.4万播放</div>
                            <div class="anniu"><img src="images/bofang.png" alt="" class="bfan"></div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="hidden">
                            <span>
                                TVB经典老番：原 神 八 部 这是第五部
                            </span>
                            <div class="bofang"><img src="images/up.png" alt="">南岸</div>
                            <div class="number">3.9万播放</div>
                            <div class="anniu"><img src="images/bofang.png" alt="" class="bfan"></div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="hidden">
                            <span>
                                TVB经典老番：原 神 八 部 这是第六部
                            </span>
                            <div class="bofang"><img src="images/up.png" alt="">🤯</div>
                            <div class="number">3万播放</div>
                            <div class="anniu"><img src="images/bofang.png" alt="" class="bfan"></div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 3中间部分 推广 -->
    <div class="tuiguang w">
        <div class="lefttg">
            <img src="images/tuiguang.png" alt="" width="40">
            <h2>推广</h2>
        </div>
        <div class="centertg">
            <a href="#">
                <div><img src="images/huo.png" alt="">高能合集！这个想法真够沙雕</div>
            </a>
            <a href="#">
                <div><img src="images/huo.png" alt="">高能合集！这个想法真够沙雕</div>
            </a>
        </div>
        <div class="righttg">
            <a href="#"><span>在线列表</span></a>
        </div>
    </div>
    <!-- 4中间部分  推广视频部分-->
    <div class="tgview w">
        <div class="spleft">
            <ul>
                <li>
                    <a href="#">
                        <img src="images/shipin1.jpg" alt="" class="toptp">
                        <div class="wenzi">
                            【互动视频】异世界偶遇桥本环奈？！
                        </div>
                        <div class="siuser">
                            <img src="images/up.png" alt="" class="yonghu"> <span>公主连结ReDive</span>
                        </div>
                        <div class="siyincang hidden">
                            <img src="images/bofang.png" alt="">
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/shipin2.jpg" alt="" class="toptp">
                        <div class="wenzi">
                            当知道要跟【中国BOY】同床睡时...
                        </div>
                        <div class="siuser">
                            <img src="images/up.png" alt="" class="yonghu"> <span>ReDive</span>
                        </div>
                        <div class="siyincang hidden">
                            <img src="images/bofang.png" alt="">
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/shipin3.jpg" alt="" class="toptp">
                        <div class="wenzi">
                            【形狀世界】你喜欢你现在的形状吗？
                        </div>
                        <div class="siuser">
                            <img src="images/up.png" alt="" class="yonghu"> <span>linkmusicnow
                            </span>
                        </div>
                        <div class="siyincang hidden">
                            <img src="images/bofang.png" alt="">
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/shipin4.jpg" alt="" class="toptp">
                        <div class="wenzi">
                            阿珍爱上了阿强！！！！！
                        </div>
                        <div class="siuser">
                            <img src="images/up.png" alt="" class="yonghu"> <span>不是的的是のの
                            </span>
                        </div>
                        <div class="siyincang hidden">
                            <img src="images/bofang.png" alt="">
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="spright">
            <a href="#"><img src="images/shipin5.jpg" alt=""></a>
        </div>
    </div>
    <!-- 5正在直播 -->
    <!-- <a name="hsj"></a>何思娇
    <a href="#hsj">i am coming</a> -->
    <div class="zhiboing w">
        <div class="zhiboleft">
            <div class="zhibodiyihang">
                <div class="zhiboone">
                    <img src="images/zhengzaizhibo.png" alt="" width="30">
                    <a href="#" class="yi"><span class="biaoti"><a name="live_telecast">正在直播</span></a>
                    <span class="now">当前共有 14544 个在线直播</span>
                </div>
                <div class="zhibotow">
                    <a href="#">
                        <div class="gengduo">更多&nbsp;&gt;</div>
                        <div class="huanyihuan"><img src="images/huanyihuan.png" alt="" width="15">换一换</div>
                    </a>
                </div>
            </div>
            <div class="zhibotext">
                <ul class="text">
                    <li>
                        <div class="tupian">
                            <a href="#">
                                <div class="bj1"></div>
                                <span><img src="images/zhiboxiaotu.png" alt="" class="xiaotu">4.1万</span>
                            </a>
                        </div>
                        <div class="masage">
                            <a href="#">
                                <div class="tu"><img src="images/zhibotoux1.jpg" alt=""></div>
                                <div class="text">
                                    <span class="text-yi">喵所浩二です</span>
                                    <span class="text-er">免费看号答疑，舰长深渊</span>
                                    <span class="text-san">lol云顶之弈1</span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="tupian">
                            <a href="#">
                                <div class="bj2"></div>
                                <span><img src="images/zhiboxiaotu.png" alt="" class="xiaotu">4.1万</span>
                            </a>
                        </div>
                        <div class="masage">
                            <a href="#">
                                <div class="tu"><img src="images/zhibotoux2.jpg" alt=""></div>
                                <div class="text">
                                    <span class="text-yi">喵所浩二です</span>
                                    <span class="text-er">免费看号答疑，舰长深渊</span>
                                    <span class="text-san">lol云顶之弈2</span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="tupian">
                            <a href="#">
                                <div class="bj3"></div>
                                <span><img src="images/zhiboxiaotu.png" alt="" class="xiaotu">4.1万</span>
                            </a>
                        </div>
                        <div class="masage">
                            <a href="#">
                                <div class="tu"><img src="images/zhibotoux3.jpg" alt=""></div>
                                <div class="text">
                                    <span class="text-yi">喵所浩二です</span>
                                    <span class="text-er">免费看号答疑，舰长深渊</span>
                                    <span class="text-san">lol云顶之弈3</span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="tupian">
                            <a href="#">
                                <div class="bj4"></div>
                                <span><img src="images/zhiboxiaotu.png" alt="" class="xiaotu">4.1万</span>
                            </a>
                        </div>
                        <div class="masage">
                            <a href="#">
                                <div class="tu"><img src="images/zhibotoux4.jpg" alt=""></div>
                                <div class="text">
                                    <span class="text-yi">喵所浩二です</span>
                                    <span class="text-er">免费看号答疑，舰长深渊</span>
                                    <span class="text-san">lol云顶之弈4</span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="tupian">
                            <a href="#">
                                <div class="bj5"></div>
                                <span><img src="images/zhiboxiaotu.png" alt="" class="xiaotu">4.1万</span>
                            </a>
                        </div>
                        <div class="masage">
                            <a href="#">
                                <div class="tu"><img src="images/zhibotoux5.jpg" alt=""></div>
                                <div class="text">
                                    <span class="text-yi">喵所浩二です</span>
                                    <span class="text-er">免费看号答疑，舰长深渊</span>
                                    <span class="text-san">lol云顶之弈5</span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="tupian">
                            <a href="#">
                                <div class="bj6"></div>
                                <span><img src="images/zhiboxiaotu.png" alt="" class="xiaotu">4.1万</span>
                            </a>
                        </div>
                        <div class="masage">
                            <a href="#">
                                <div class="tu"><img src="images/zhibotoux6.jpg" alt=""></div>
                                <div class="text">
                                    <span class="text-yi">喵所浩二です</span>
                                    <span class="text-er">免费看号答疑，舰长深渊</span>
                                    <span class="text-san">lol云顶之弈6</span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="tupian">
                            <a href="#">
                                <div class="bj7"></div>
                                <span><img src="images/zhiboxiaotu.png" alt="" class="xiaotu">4.1万</span>
                            </a>
                        </div>
                        <div class="masage">
                            <a href="#">
                                <div class="tu"><img src="images/zhibotoux7.jpg" alt=""></div>
                                <div class="text">
                                    <span class="text-yi">喵所浩二です</span>
                                    <span class="text-er">免费看号答疑，舰长深渊</span>
                                    <span class="text-san">lol云顶之弈7</span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="tupian">
                            <a href="#">
                                <div class="bj8"></div>
                                <span><img src="images/zhiboxiaotu.png" alt="" class="xiaotu">4.1万</span>
                            </a>
                        </div>
                        <div class="masage">
                            <a href="#">
                                <div class="tu"><img src="images/zhibotoux8.jpg" alt=""></div>
                                <div class="text">
                                    <span class="text-yi">喵所浩二です</span>
                                    <span class="text-er">免费看号答疑，舰长深渊</span>
                                    <span class="text-san">lol云顶之弈8</span>
                                </div>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="zhiboright ">
            <div class="shang">
                <a href="#">
                    <span>直播排行</span>
                    <span>关注的主播</span>
                    <span>为你推荐</span>
                </a>
            </div>
            <div class="xia">
                <a href="#"><img src="images/zhibodatu.jpg" alt="" width="270"></a>
            </div>
        </div>
    </div>
    <!-- 6动画 -->
    <div class="donghua w">
        <div class="donghualeft">
            <div class="diyihang">
                <div class="donghuaone">
                    <img src="images/donghua.jpg" alt="" width="30">
                    <a href="#" class="yi"><span class="biaoti"><a name="cartoon">动画 </span></a>
                </div>
                <div class="donghuatow">
                    <a href="#">
                        <div class="gengduo">更多&nbsp;&gt;</div>
                        <div class="huanyihuan"><img src="images/huanyihuan.png" alt="" width="15">换一换</div>
                    </a>
                </div>
            </div>
            <div class="donghuatext">
                <ul>
                    <li>
                        <a href="#">
                            <img src="images/donghua1.jpg" alt="" class="topdonghua">
                            <div class="wenzidonghua">【文豪野犬/太宰治】哒宰桑，我劝你还是得买份保险啦...</div>
                            <div class="donghuauser">
                                <img src="images/up.png" alt="">
                                <span>_百无禁姬_</span>
                            </div>
                            <div class="donghuayincang hidden">
                                <img src="images/bofang.png" alt="">
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/donghua2.jpg" alt="" class="topdonghua">
                            <div class="wenzidonghua">理发师：你在教我做事？？？</div>
                            <div class="donghuauser">
                                <img src="images/up.png" alt="">
                                <span>
                                    理发师
                                </span>
                            </div>
                            <div class="donghuayincang hidden">
                                <img src="images/bofang.png" alt="">
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/donghua3.jpg" alt="" class="topdonghua">
                            <div class="wenzidonghua">鬼刀风铃鬼刀风铃鬼刀风铃</div>
                            <div class="donghuauser">
                                <img src="images/up.png" alt="">
                                <span>乄小黑马 </span>
                            </div>
                            <div class="donghuayincang hidden">
                                <img src="images/bofang.png" alt="">
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/donghua4.jpg" alt="" class="topdonghua">
                            <div class="wenzidonghua">烧 脑 神 反 转 3.0烧 脑 神 反 转 3.0</div>
                            <div class="donghuauser">
                                <img src="images/up.png" alt="">
                                <span>流小豆丶 </span>
                            </div>
                            <div class="donghuayincang hidden">
                                <img src="images/bofang.png" alt="">
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/donghua5.jpg" alt="" class="topdonghua">
                            <div class="wenzidonghua">【蓝光重置】历代奥特曼主题曲—《昭和篇》</div>
                            <div class="donghuauser">
                                <img src="images/up.png" alt="">
                                <span>机智帅气的一炫君 </span>
                            </div>
                            <div class="donghuayincang hidden">
                                <img src="images/bofang.png" alt="">
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/donghua6.jpg" alt="" class="topdonghua">
                            <div class="wenzidonghua">【十分钟看猫猫】被窝里偷学中文</div>
                            <div class="donghuauser">
                                <img src="images/up.png" alt="">
                                <span>花园Serena </span>
                            </div>
                            <div class="donghuayincang hidden">
                                <img src="images/bofang.png" alt="">
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/donghua7.jpg" alt="" class="topdonghua">
                            <div class="wenzidonghua">【Alan Becker】【1080P】火柴人vs我的世界（1-19合集+幕后）</div>
                            <div class="donghuauser">
                                <img src="images/up.png" alt="">
                                <span>BlackNorton </span>
                            </div>
                            <div class="donghuayincang hidden">
                                <img src="images/bofang.png" alt="">
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/donghua8.jpg" alt="" class="topdonghua">
                            <div class="wenzidonghua">【魔王兼职记】腹黑经理×呆萌魔王|X店打工|全程高能|我不行了！！</div>
                            <div class="donghuauser">
                                <img src="images/up.png" alt="">
                                <span>萧萧兮易水寒樱
                                </span>
                            </div>
                            <div class="donghuayincang hidden">
                                <img src="images/bofang.png" alt="">
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="donghuaright">
            <div class="donghuashang">
                <div class="wenzi">
                    <span>排行榜</span>
                </div>
                <a href="#">
                    <div class="gengduo">
                        更多&nbsp;>
                    </div>
                </a>
            </div>
            <div class="donghuaxia">
                <ul>
                    <li>
                        <span class="paihang">1</span>
                        <a href="#">
                            <img src="images/donghuaa.jpg" alt="" width="110">
                            <div class="wenzi">
                                <span class="liang">在教室里使用时间暂停后【阅片无数动漫篇13】</span>
                                <span class="xiaobiaoti">
                                    综合得分：270.1万
                                </span>
                            </div>
                        </a>
                        <div class="yincang hidden"><img src="images/bofang.png" alt=""></div>
                    </li>
                    <li>
                        <span class="paihang">2</span>
                        <a href="#">
                            <div class="wenzi1 wenzi">
                                <span class="yi">《崩坏3》周年庆动画 潜行吧琪亚娜！</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <span class="paihang">3</span>
                        <a href="#">
                            <div class="wenzi1 wenzi">
                                <span class="yi">大概全站的人都会被推送到这个视频吧！</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <span class="paihang1">4</span>
                        <a href="#">
                            <div class="wenzi1 wenzi">
                                <span class="yi">一年后，我终于买下了一台法拉利！</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <span class="paihang1">5</span>
                        <a href="#">
                            <div class="wenzi1 wenzi">
                                <span class="yi">最强歇后语对决！</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <span class="paihang1">6</span>
                        <a href="#">
                            <div class="wenzi1 wenzi">
                                <span class="yi">【描改动画 】明日方舟X日常</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <span class="paihang1">7</span>
                        <a href="#">
                            <div class="wenzi1 wenzi">
                                <span class="yi">宇 智 波 汤 姆 V S 千 手 杰 瑞（上）</span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <span class="paihang1">8</span>
                        <a href="#">
                            <div class="wenzi1 wenzi">
                                <span class="yi">宇 智 波 汤 姆 V S 千 手 杰 瑞（上）</span>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="bottom">
        <div class="bottom_text w">
            <div class="bottom_left">
                <div class="bottom_left_1">
                    <span class="title">bilibili</span>
                    <ul>
                        <a href="#">关于我们</a>
                        <a href="#">友情链接</a>
                        <a href="#">联系我们</a>
                        <a href="#">隐私政策</a>
                        <a href="#">用户协议</a>
                        <a href="#">bilibili认证</a>
                        <a href="#">加入我们</a>
                        <a href="#">Investor Relations</a>
                    </ul>
                </div>
                <div class="bottom_left_2">
                    <div class="bottom_left_text2">
                        <span class="title">传送门</span>
                        <ul>
                            <a href="#">帮助中心</a>
                            <a href="#">活动中心</a>
                            <a href="#">名人堂</a>
                            <a href="#">高级弹幕</a>
                            <a href="#">用户反馈论坛</a>
                            <a href="#">MCN管理中心</a>
                            <a href="#">活动专题页</a>
                            <a href="#">壁纸站</a>
                            <a href="#"></a>
                            <a href="#">侵权申诉</a>
                            <a href="#">广告合作</a>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="bottom_right">
                <ul>
                    <a href="#"><img src="images/wechat.jpg" alt="" width="50"><span>官方微信</span></a>
                    <a href="#"><img src="images/weibo.jpg" alt="" width="50"><span>新浪微博</span></a>
                    <a href="#"><img src="images/xiazai.jpg" alt="" width="50"><span>下载APP</span></a>
                </ul>
            </div>
            <div class="bottom_foot">
                <div class="bottom_foot_left">
                    <img src="images/bottom_1.jpg" alt="" width="100">
                    <a href="#"><img src="images/bottom_2.jpg" alt="" width="100"></a>
                </div>
                <div class="bottom_foot_right">
                    <div class="first_line">
                        <a href="#"><span>营业执照</span></a>
                        <span>信息网络传播视听节目许可证：0910417</span>
                        <span>网络文化经营许可证 沪网文【2019】3804-274号</span>
                        <span>广播电视节目制作经营许可证：（沪）字第01248号</span>
                    </div>
                    <div class="second_line">
                        <span>增值电信业务经营许可证 沪B2-20100043</span>
                        <span>互联网ICP备案：<a href="#" class="color">沪ICP备13002172号-3</a></span>
                        <span>出版物经营许可证 沪批字第U6699 号</span>
                    </div>
                    <div class="third_line">
                        <span>互联网药品信息服务资格证 沪-非经营性-2016-0143</span>
                        <span>营业性演出许可证 沪市文演（经）00-2253</span>
                    </div>
                    <div class="four_line">
                        <span>违法不良信息举报邮箱：help@bilibili.com |违法不良信息举报电话：4000233233转3</span>
                    </div>
                    <div class="fifth_line">
                        <span>
                            <img src="images/bottom_3.jpg" alt="" width="15" class="tupian1">
                            <a href="#" class="color">上海互联网举报中心</a>|
                            <a href="#" class="color">12318全国文化市场举报网站</a>|
                            <img src="images/bottom_4.jpg" alt="" width="15" class="tupian1">
                            <a href="#" class="color">沪公网安备31011002002436号</a>|
                            <a href="#" class="color">儿童色情信息举报专区</a>|
                            <a href="#" class="color">扫黄打非举报</a>
                        </span>
                    </div>
                    <div class="six_line">
                        <span>
                            网上有害信息举报专区：
                            <img src="images/bottom_5.jpg" alt="" width="15" class="tupian1">
                            <a href="#" class="color">中国互联网违法和不良信息举报中心</a>
                        </span>
                    </div>
                    <div class="sev_line">
                        <span>
                            亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。
                        </span>
                    </div>
                    <div class="eight_line">
                        <span>
                            公司名称：上海宽娱数码科技有限公司|公司地址：上海市杨浦区政立路485号|电话：021-25099888
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>

</html>